<template>
  <!-- <a-tree-select
    v-model="value"
    style="width: 100%"
    :tree-data="treeData"
    tree-checkable
    :show-checked-strategy="SHOW_PARENT"
    search-placeholder="Please select"
  /> -->
  <upload></upload>
  <row></row>
  <calendar></calendar>
</template>

<script>
import { TreeSelect } from "ant-design-vue";
import upload from "./tables/upload.vue";
import row from "./tables/row.vue";
import calendar from "./tables/calendar.vue";
const SHOW_PARENT = TreeSelect.SHOW_PARENT;

const treeData = [
  {
    title: "Node1",
    value: "0-0",
    key: "0-0",
    children: [
      {
        title: "Child Node1",
        value: "0-0-0",
        key: "0-0-0",
      },
    ],
  },
  {
    title: "Node2",
    value: "0-1",
    key: "0-1",
    children: [
      {
        title: "Child Node3",
        value: "0-1-0",
        key: "0-1-0",
        disabled: true,
      },
      {
        title: "Child Node4",
        value: "0-1-1",
        key: "0-1-1",
      },
      {
        title: "Child Node5",
        value: "0-1-2",
        key: "0-1-2",
      },
    ],
  },
];
export default {
  name: "tree_index",
  components: { upload, row, calendar },
  data() {
    return {
      value: ["0-0-0"],
      treeData,
      SHOW_PARENT,
    };
  },
};
</script>
<style lang="scss">
@import "@/layout/theme.scss";
.ant-fullcalendar-cell {
  .ant-fullcalendar-value {
    @include theme;
  }
}
</style>
